<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};


    $('#carousel').jcarousel({
        auto: 1,
        wrap: 'circular',
        initCallback: mycarousel_initCallback
    });


</script>


<div style="text-align:center;margin-left: 27.5%">
    <ul id="carousel" class="jcarousel-skin-tango">
            <?php

            if (isset($online) == true){

                foreach ($online as $cle => $valeur){

                     echo '<li>'.$html->link(
                          $html->image("avatar/".$online[$cle]["avatar"],array(
                         'width' => '75',
                         'height' => '75'
                     )),'/utilisateurs/calepin/'.$online[$cle]["Auth"]["id"],array('escape' => false)).'</li>'."\n";

                }

            }
           ?>

    </ul>

</div>
